<template>
	<div class="box">
		<div class="content">
			<!-- <p>XX老师</p> -->
			<group :title="title">
				<x-input :placeholder="'留言'"></x-input>
				<x-textarea class='text' height='200' :max="500" name="description" :placeholder="'请输入留言'"></x-textarea>
				 <x-button class='button btn' type="primary">发送留言</x-button>
			</group>
		</div>




		<div class="return" @click="goBack">
			<img src="../assets/return.png" alt="">
		</div>
	</div>
</template>
<script>
	import {
		XTextarea,
		Group,
		XInput,
		XButton 
	} from 'vux'

	export default {
		components: {
			XTextarea,
			Group,
			XInput,
			XButton 
		},
		data() {
			return {
				title: '黄老师'
			}
		},
		created() {

		},
		mounted() {


		},
		methods: {
			goBack() {
				this.$router.back();
			},
		},


	}
</script>

<style lang="less" scoped="scoped">
	.box {
		width: 100%;
		height: 100%;
		overflow: hidden;

		.content {
			width: 100%;
			margin-top: 30px;
			text-align: center;
			.text{
				margin-bottom: 10px;
				// box-shadow: 0px 0px 5px gainsboro;
				border-bottom: 1px solid gainsboro;
			}
			.btn{
				margin-bottom: 10px;
			}
		}
		.return {
			width: 32px;
			height: 32px;
			position: absolute;
			top: 10px;
			left: 10px;

			img {
				width: 100%;
				height: 100%;
			}
		}
	}
</style>
